@charset "utf-8";

/* common */
span.checkbox { margin:0; padding:0; width:13px; height:13px; display:inline; float:left; background:url('../img/bg_checkbox.gif') no-repeat; overflow:hidden; cursor:pointer; } 
span.checkbox.on { background-position:0px -13px; } 
.border-radius { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/* title */
#hearder_title { position:relative; height:60px; margin-bottom:0; background:url(../img/address_title.gif) no-repeat 0 15px; }

#smsPurplebook { clear:both; height:360px; padding:0 20px; background:url(../img/round_bg_line.gif) repeat-y; z-index:0; }
#smsPurplebook_top { position:relative; height:21px; background:url(../img/round_bg_top.gif) no-repeat;}
#smsPurplebook_bottom { height:21px; background:url(../img/round_bg_bottom.gif) no-repeat;}

.purplebook_left { position:relative; float:left; width:500px; height:330px; padding:15px; font:8pt dotum; color:#666; border:1px solid #ddd; background:#fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

/* stage 1 left folder list area */
.purplebook_left .left_list { float:left; width:240px; height:100%; padding:0; font:8pt dotum; color:#666;}
.purplebook_left .left_list .title { margin-bottom:5px;}
.purplebook_left .left_list .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_left .left_list .title img { vertical-align:middle;}
.purplebook_left .left_list .title .total { margin-bottom:3px; vertical-align:middle;}
.purplebook_left .left_list .title_info { display:block; padding:5px 0 3px 10px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
.purplebook_left .left_list .bodyArea { padding:10px; border:1px solid #ddd; height:240px; background:#faf9f7; overflow:auto; }
.purplebook_left .left_list .bottomArea { padding-top:5px;}
.purplebook_left .left_list .bottomArea #btn_empty_trash { margin-left:76px;}
.purplebook_left .left_list .bottomArea .btn_menual img {}

/* stage 2 left folder selection area */
.purplebook_left .left_select { float:right; width:240px; height:100%; padding:0; font:8pt dotum; color:#666;}
.purplebook_left .left_select .title { margin-bottom:5px; }
.purplebook_left .left_select .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_left .left_select .title img { vertical-align:middle;}
.purplebook_left .left_select .title .search { right:13px; position:absolute; margin:0;padding:0; }
.purplebook_left .left_select .title .search #search_word { width:80px; height:12px; background:url(../img/search_bg.gif);}
.purplebook_left .left_select .title .search #search_word.on { background:none; }
.purplebook_left .left_select .title .search #btn_search { margin-left:2px; }
.purplebook_left .left_select .title_info { display:block; padding:5px 0 3px 10px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
.purplebook_left .left_select .title_info .name { margin-left:18px;}
.purplebook_left .left_select .title_info .h_number { margin-left:52px;}
.purplebook_left .left_select .bodyArea { padding:10px; border:1px solid #ddd; height:240px; background:#faf9f7; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList { height:100%; margin:0; overflow:auto; padding:0; } 
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li { height:21px; font-size:12px; color:#676767; list-style-type:none; margin:0; padding:0; display:block; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li:hover { background-color:#eeeeee; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li span.checkbox { margin-right:12px; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li span.nodeName { margin: -1px 0px 0px 0px; padding:2px 2px 2px 0; width: 65px; text-overflow: ellipsis; display:inline; font-family:tahoma; white-space:nowrap; float:left; overflow:hidden; font-weight:normal; cursor:pointer;}
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li span.nodePhone { margin: -1px 0px 0px 0px; padding:2px 2px 2px 0; width: 90px; text-overflow: ellipsis; display: inline; font-family: tahoma; white-space: nowrap; float: left; overflow: hidden; font-weight: normal; cursor:pointer; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li .modifyName { width:80px; font:9pt dotum; }
.purplebook_left .left_select .bodyArea ul#smsPurplebookList li .modifyPhone {width:120px; font:9pt Arial; letter-spacing:3px; }
.purplebook_left .left_select .bottomArea { padding-top:5px; }
.purplebook_left .left_select .bottomArea .btn_excel { margin-left:30px;}

/* centeral arrow area */
.purplebook_arrow { float:left; width:70px; padding-top:120px; text-align:center; overflow:hidden; vertical-align:middle; }
.purplebook_arrow .bth_arrow_right { cursor:pointer; display:inline-block; margin:auto; width:43px; height:53px; background:url('../img/bth_arrow_right.gif') no-repeat; text-indent:-1000em; }
.purplebook_arrow .bth_arrow_left { cursor:pointer; display:inline-block; margin-top:4px; width:43px; height:53px; background:url('../img/bth_arrow_left.gif') no-repeat; text-indent:-1000em; }

/* stage 3 right target list area */
.purplebook_right { position:relative; float:left; width:300px; height:330px; padding:15px; font:8pt dotum; color:#666; border:1px solid #ddd; background:#fff;}
.purplebook_right .title { margin-bottom:5px;}
.purplebook_right .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_right .title img { vertical-align:middle;}

.purplebook_right .add_list { padding:6px 0 6px 15px; background:url(../img/add_list_bg.gif) repeat-x 0 0; border:1px solid #c7d0e6;}
.purplebook_right .add_list label { display:inline; margin:0 4px 0 0; padding:0; letter-spacing:-1px; vertical-align:middle;} 
.purplebook_right .add_list #inputDirectName { display:inline; width:78px; height:15px; padding:2px 0 0 3px; border:1px solid #ddd; vertical-align:middle;  margin:0 4px 0 0; background:url('../img/name.gif') no-repeat; } 
.purplebook_right .add_list #inputDirectName.on { background:none; }
.purplebook_right .add_list #inputDirectNumber { display:inline; width: 98px; height:15px; padding:2px 0 0 3px; border:1px solid #ddd; vertical-align:middle;  background:url('../img/phonenum.gif') no-repeat; }
.purplebook_right .add_list #inputDirectNumber.on { background:none; }
.purplebook_right .add_list button.btn_append { position:relative; width:44px; height:20px; vertical-align:middle; background:url('../img/btn_append.gif') no-repeat; border:0 none; text-indent:-1000em; *margin-left:3px; overflow:hidden; cursor:pointer;} 
.purplebook_right .add_list button.pop_recent { position:relative; width:23px; height:20px; vertical-align:middle; background:url('../img/btn_addlist.gif') no-repeat; border:0 none; text-indent:-1000em; *margin-left:1px; overflow:hidden; cursor:pointer;} 

.purplebook_right .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none; border-top:none;}
.purplebook_right .title_info .name { margin-left:10px;}
.purplebook_right .title_info .h_number { margin-left:42px;}
.purplebook_right .title_info .h_delete { margin-left:48px;}
.purplebook_right .title_info .status { margin-left:20px;}
.purplebook_right .bodyArea { padding:10px; border:1px solid #ddd; height:205px; background:#faf9f7; overflow:auto; }
.purplebook_right .bodyArea #smsPurplebookTargetList { height:auto; overflow:hidden; margin-top: 8px; margin:0; margin-left:7px; padding:0; padding-top:8px; } 
.purplebook_right .bodyArea #smsPurplebookTargetList li { list-style-type:none; margin:0; padding:0; height: 21px; font-size: 12px; color:#676767; }
.purplebook_right .bodyArea #smsPurplebookTargetList li span.name { margin: 1px 0px 0px 6px; width:58px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; font-weight: normal; cursor:pointer; }
.purplebook_right .bodyArea #smsPurplebookTargetList li span.number { margin: -1px 0px 0px 6px; width:80px; text-overflow: ellipsis; display: inline-block; font-family: tahoma; white-space: nowrap; overflow: hidden; font-weight: normal; cursor:pointer; }
.purplebook_right .bodyArea #smsPurplebookTargetList li span.delete { cursor:pointer; text-indent: -1000em; padding:0; border:0 none; margin:0 0 0 10px; width: 9px; display: inline-block; background:url('../img/btn_delete.gif') no-repeat; height:9px; overflow: hidden; } 
.purplebook_right .bodyArea #smsPurplebookTargetList li span.statusBox { display:inline-block; margin-left:10px; text-align:center; width:60px; }
.purplebook_right .bodyArea #smsPurplebookTargetList li span.statusBox span.status { display:inline-block; margin:0; background:url(../img/stat_try.gif) no-repeat; width:16px; height:16px; } 
.purplebook_right .bodyArea #smsPurplebookTargetList li span.statusBox span.status.try { background:url(../img/stat_try.gif) no-repeat; } 
.purplebook_right .bodyArea #smsPurplebookTargetList li span.statusBox span.status.error { background:url(../img/stat_error.gif) no-repeat; } 
.purplebook_right .bodyArea #smsPurplebookTargetList li span.statusBox span.status.complete { background:url(../img/stat_complete.gif) no-repeat; } 

.purplebook_right .bottomArea { position:relative; margin-top:7px; height:20px; }
/*
.purplebook_right .bottomArea a { display:inline-block;}
*/
.purplebook_right .bottomArea a.pop_overlap { position:absolute; left:170px; top:0px; display:inline-block; font:8pt dotum; color:#4483d9; background:url(../img/btn_dupli_bg.gif) no-repeat; }
.purplebook_right .bottomArea a.pop_overlap span.label { display:inline-block; width:46px; height:14px; padding:4px 0 4px 10px; _padding-bottom:5px; }
.purplebook_right .bottomArea a.pop_overlap span.number { display:inline-block; width:20px; height:14px; padding:4px 2px; }

/* layer popup (properties) */
.purplebook_left .layer_properties { position:absolute; top:0px; left:200px; display:none; width:200px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8; }
.purplebook_left .layer_properties .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_properties .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_properties .bodyArea { padding:10px; height:120px; background:#fff; border:1px solid #ddd;overflow:auto;}
.purplebook_left .layer_properties .bodyArea ul#properties_list {  height:100%; margin:0; padding:0; } 
.purplebook_left .layer_properties .bodyArea ul#properties_list li { list-style-type:none; margin:0; padding:0; line-height:1.6;}
.purplebook_left .layer_properties .bottomArea { padding-top:5px; }

/* layer popup(folder share) */
.purplebook_left .layer_share { position:absolute; top:0px; left:200px; display:none; width:200px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8; }
.purplebook_left .layer_share .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_share .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_share .bodyArea { padding:10px; height:120px; background:#fff; border:1px solid #ddd;overflow:auto;}
.purplebook_left .layer_share .bodyArea ul#share_list {  height:100%; margin:0; padding:0; } 
.purplebook_left .layer_share .bodyArea ul#share_list li { list-style-type:none; margin:0; padding:0; height: 21px; }
.purplebook_left .layer_share .bodyArea ul#share_list li span.user_id { width:66px; text-overflow:ellipsis; display:inline-block; white-space:nowrap; overflow:hidden; } 
.purplebook_left .layer_share .bodyArea ul#share_list li span.nick_name { width:66px; text-overflow:ellipsis; display:inline-block; white-space:nowrap; overflow:hidden; }
.purplebook_left .layer_share .bodyArea ul#share_list li span.delete { cursor:pointer; text-indent:-1000em; padding:0; border:0 none; margin: 2px 0px 0px 10px; width: 9px; display: inline-block; background:url('../img/btn_delete.gif') no-repeat; height:9px; overflow: hidden; } 
.purplebook_left .layer_share .bottomArea { padding-top:5px; }
.purplebook_left .layer_share .bottomArea #input_user_id { display:inline; width:100px; height:15px; padding:2px 0 0 3px; border:1px solid #ddd; vertical-align:middle; color: #676767; }
.purplebook_left .layer_share .bottomArea button{ position:relative; width:44px; height:20px; vertical-align:middle; background:url('../img/btn_append.gif') no-repeat; border:0 none; text-indent:-1000em; *margin-left:5px; overflow:hidden; cursor:pointer;} 


/* usage layer window */
.purplebook_left .layer_menual { position:absolute; top:360px; left:0; display:none; width:500px; height:240px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8; }
.purplebook_left .layer_menual .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_menual .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_menual .bodyArea { padding:10px; height:180px; background:#fff; border:1px solid #ddd;}

/* layer popup (add address) */
.purplebook_left .layer_append { position:absolute; bottom:40px; right:15px; display:none; width:236px; height:60px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_left .layer_append .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_append .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_left .layer_append .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_append .bodyArea { padding:10px; background:#fff; border:1px solid #ddd;}
.purplebook_left .layer_append .bodyArea #inputPurplebookName { width:60px; background:url(../img/name.gif) no-repeat;}
.purplebook_left .layer_append .bodyArea #inputPurplebookName.on { background:none; }
.purplebook_left .layer_append .bodyArea #inputPurplebookPhone { width:90px; margin-left:2px; background:url(../img/phonenum.gif) no-repeat; }
.purplebook_left .layer_append .bodyArea #inputPurplebookPhone.on { background:none; }
.purplebook_left .layer_append .bodyArea a#btnAddAddress img { position:relative; top:5px; left:2px;}

/* layer popup (copy) */
.purplebook_left .layer_copy { position:absolute; bottom:40px; right:-285px; display:none; width:266px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_left .layer_copy .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_copy .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_left .layer_copy .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_copy .bodyArea { padding:10px; height:140px; background:#fff; border:1px solid #ddd; overflow:auto; }
.purplebook_left .layer_copy .bottomArea { padding-top:5px; }
.purplebook_left .layer_copy .bottomArea .btn_copy { margin-left:135px;}

/* layer popup (move) */
.purplebook_left .layer_move { position:absolute; bottom:40px; right:-285px; display:none; width:266px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_left .layer_move .title { position:relative; margin-bottom:5px;}
.purplebook_left .layer_move .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_left .layer_move .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_left .layer_move .bodyArea { padding:10px; height:140px; background:#fff; border:1px solid #ddd; overflow:auto;}
.purplebook_left .layer_move .bottomArea { padding-top:5px; }
.purplebook_left .layer_move .bottomArea .btn_move { margin-left:135px;}

/* layer popup (copy to addressbook) */
.purplebook_right .layer_addrbook { position:absolute; bottom:40px; left:-285px; display:none; width:266px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_right .layer_addrbook .title { position:relative; margin-bottom:5px;}
.purplebook_right .layer_addrbook .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_right .layer_addrbook .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_right .layer_addrbook .bodyArea { padding:10px; height:140px; background:#fff; border:1px solid #ddd; overflow:auto; }
.purplebook_right .layer_addrbook .bottomArea { padding-top:5px; }
.purplebook_right .layer_addrbook .bottomArea .btn_copy { margin-left:135px;}

/* layer popup (duplications) */
.purplebook_right .layer_overlap { position:absolute; bottom:40px; right:15px; display:none; width:266px; height:200px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_right .layer_overlap .title { position:relative;}
.purplebook_right .layer_overlap .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_right .layer_overlap .title img { vertical-align:middle;}
.purplebook_right .layer_overlap .title .total { margin-left:10px;}
.purplebook_right .layer_overlap .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_right .layer_overlap .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
.purplebook_right .layer_overlap .title_info .name { margin-left:10px;}
.purplebook_right .layer_overlap .title_info .h_number { margin-left:48px;}
.purplebook_right .layer_overlap .title_info .h_delete { margin-left:48px;}
.purplebook_right .layer_overlap .bodyArea { padding:10px;  height:134px; background:#fff; border:1px solid #ddd; overflow:auto;}
.purplebook_right .layer_overlap .bodyArea ul#smsPurplebookExceptList { height:100%; margin:0; padding:0; } 
.purplebook_right .layer_overlap .bodyArea ul#smsPurplebookExceptList li { list-style-type:none; margin:0; padding:0; height: 21px; }
.purplebook_right .layer_overlap .bodyArea ul#smsPurplebookExceptList li span.name { margin: 1px 0px 0px 30px; width:55px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; cursor:pointer; }
.purplebook_right .layer_overlap .bodyArea ul#smsPurplebookExceptList li span.number { margin: -1px 0px 0px 6px; width:80px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; cursor:pointer; }
.purplebook_right .layer_overlap .bodyArea ul#smsPurplebookExceptList li span.count { margin: -1px 0px 0px 10px; width:38px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; cursor:pointer; }

/* layer popup (bulkadd) */
.purplebook_right .layer_mass { position:absolute; bottom:40px; right:15px; display:none; width:266px; height:240px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_right .layer_mass .title { position:relative;}
.purplebook_right .layer_mass .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_right .layer_mass .title img { vertical-align:middle;}
.purplebook_right .layer_mass .title .total { margin-left:10px;}
.purplebook_right .layer_mass .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_right .layer_mass .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
.purplebook_right .layer_mass .title_info .name { margin-left:10px;}
.purplebook_right .layer_mass .title_info .h_number { margin-left:55px;}
.purplebook_right .layer_mass .bodyArea { height:160px; background:#fff; border:1px solid #ddd; overflow:hidden; }
.purplebook_right .layer_mass textarea#smsPurplebookBulkList { height:160px; width:100%; _width:97%; padding:3px; font:8pt dotumche; border:0;}
/*
.purplebook_right .layer_mass .bottomArea .btn_empty {margin-left:32px;}
*/

/* layer popup (recent numbers) */
.purplebook_right .layer_recent { position:absolute; bottom:78px; right:15px; display:none; width:226px; height:180px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
.purplebook_right .layer_recent .title { position:relative;}
.purplebook_right .layer_recent .title p{ display:inline; margin:0; vertical-align:middle;}
.purplebook_right .layer_recent .title img { vertical-align:middle;}
.purplebook_right .layer_recent .title .total { margin-left:10px;}
.purplebook_right .layer_recent .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
.purplebook_right .layer_recent .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
.purplebook_right .layer_recent .title_info .name { margin-left:10px;}
.purplebook_right .layer_recent .title_info .h_number { margin-left:50px;}
.purplebook_right .layer_recent .title_info .delete { margin-left:45px;}
.purplebook_right .layer_recent .bodyArea { height:120px; background:#fff; border:1px solid #ddd; overflow:hidden; }
.purplebook_right .layer_recent .bodyArea ul#recent_list { overflow:auto; height:100%; margin:0; padding:0; } 
.purplebook_right .layer_recent .bodyArea ul#recent_list li { }
.purplebook_right .layer_recent .bodyArea ul#recent_list li:hover { background-color:#eeeeee; cursor:pointer; }
.purplebook_right .layer_recent .bodyArea ul#recent_list li .name { margin: 1px 0px 0px 4px; width:60px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; cursor:pointer; }
.purplebook_right .layer_recent .bodyArea ul#recent_list li .phonenum { margin: -1px 0px 0px 4px; width:84px; text-overflow: ellipsis; display: inline-block; font-family: tahoma; white-space: nowrap; overflow: hidden; cursor:pointer; }
.purplebook_right .layer_recent .bodyArea ul#recent_list li .delete { cursor:pointer; text-indent: -1000em; padding:0; border:0 none; margin: 2px 0px 0px 20px; width: 9px; display: inline-block; background:url('../img/btn_delete.gif') no-repeat; height:9px; overflow: hidden; } 

/* guide and sending message window on the bottom */
#smsMessage_top { height:21px; margin-top:20px; background:url(../img/smsMassage_bg_top.gif) no-repeat;}
#smsMessage_bottom { height:21px; margin-bottom:100px; background:url(../img/smsMassage_bg_bottom.gif) no-repeat;}
#smsMessage { position:relative; width:980px; height:196px; padding:0; margin:0; background:url(../img/smsMassage_bg_line.gif) repeat-y; z-index:1;}

#smsMessage .left_button { float:left; margin-left:30px; padding-top:20px; width:70px; _margin-left:10px;}
#smsMessage .left_button a {margin-bottom:5px; }
#smsMessage .left_button #btn_detach_pic { display:none; }

/* layer popup (special characters) */
#smsMessage .left_button .layer_chars { position:absolute; top:-290px; *left:30px; display:none; width:230px; height:240px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
#smsMessage .left_button .layer_chars .title { position:relative;}
#smsMessage .left_button .layer_chars .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .left_button .layer_chars .title img { vertical-align:middle;}
#smsMessage .left_button .layer_chars .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .left_button .layer_chars .bodyArea { height:211px; background:#fff; border:1px solid #ddd;}
#smsMessage .left_button .layer_chars .bodyArea ul {width:231px; overflow:hidden;clear:both;margin:0; padding:0; border-left:1px solid #dfe1de;border-top:1px solid #dfe1de; line-height:0; }
#smsMessage .left_button .layer_chars .bodyArea ul li {display:inline; float:left; height:18px; border-right:1px solid #dfe1de;border-bottom:1px solid #dfe1de; line-height:0;}
#smsMessage .left_button .layer_chars .bodyArea ul li.h37 {height:37px;}
#smsMessage .left_button .layer_chars .bodyArea ul li img{_margin-bottom:-4px; vertical-align:top;}

/* layer popup (image upload) */
#smsMessage .left_button .layer_upload { position:absolute; top:-240px; *left:30px; display:none; width:400px; height:190px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
#smsMessage .left_button .layer_upload .title { position:relative;}
#smsMessage .left_button .layer_upload .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .left_button .layer_upload .title img { vertical-align:middle;}
#smsMessage .left_button .layer_upload .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .left_button .layer_upload .bodyArea { height:174px; background:#fff; border:1px solid #ddd;}

#smsMessage .msgtype_switch { position:absolute; display:none; top:-66px; left:60px; border:solid #ff6e00 4px; font:8pt dotum; padding:12px; background:#ffffff;}

/* lcd display */
#smsMessage .center_display { list-style-type:none; float:left; padding:0; margin:0;}
#smsMessage .center_display li { list-style-type:none; float:left; margin-left:15px; width:187px; height:196px; background: url(../img/display_bg.gif) no-repeat; _margin-left:10px; }
#smsMessage .center_display .top_btn { display:block; height:24px; margin-top:15px; }
#smsMessage .center_display .top_btn button.btn_record {  float:left; display:block; margin-left:50px; width:16px; height:16px; background:url(../img/btn_record.png) no-repeat; border: 0 none; text-indent:-1000em; cursor:pointer;}
#smsMessage .center_display .top_btn button.pop_messages { float:left; display:block; margin-left:10px; width:16px; height:16px; background:url(../img/folderopen.png) no-repeat; border: 0 none; text-indent:-1000em; cursor:pointer;}
#smsMessage .center_display .text_area { margin:3px 0 0 33px; width:125px; height:96px; background:none; overflow:hidden; }
#smsMessage .center_display .text_area .photo { display:block; }
#smsMessage .center_display .text_area textarea { display:block; width:119px; height:96px; margin:0px; padding:0 0px 0 2px; line-height:1.4em; background-color:transparent; font-family:dotumche; font-size:12px; word-break:break-all; letter-spacing:0; border:0; *margin-left:-35px; overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:scroll; }
#smsMessage .center_display .text_area textarea.on { }
#smsMessage .center_display .text_area textarea#main_screen { width:107px; }

#smsMessage .center_display .text_btn { margin:20px 0 0 18px; padding:3px 0; height:25px; _margin-top:20px;}
#smsMessage .center_display .text_btn a { font:8pt dotum; color:#666;}
#smsMessage .center_display .text_btn a.btn_bytes { float:left; padding:5px 5px; width:59px; height:25px; background:url(../img/btn_bytes.gif) no-repeat;}
#smsMessage .center_display .text_btn a.btn_clear { float:left; padding:5px 5px; width:59px; height:25px; background:url(../img/btn_clear.gif) no-repeat;}
#smsMessage .center_display .text_btn a.close { position:relative; display:block; width:16px; height:16px; background:url(../img/btn_close.gif) no-repeat; text-indent:-1000em; overflow:hidden; margin-right:12px; } 
#smsMessage .center_display .text_btn button.btn_addwindow { position:relative; top:-102px; left:14px; _top:-96px; _left:12px; display:block; width:16px; height:16px; background:url(../img/right_arrow.gif) no-repeat; border: 0 none; text-indent:-1000em; cursor:pointer;}

/* layer popup (saved messages) */
#smsMessage .layer_messages { position:absolute; top:-220px; display:none; width:226px; height:180px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
#smsMessage .layer_messages .title { position:relative;}
#smsMessage .layer_messages .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .layer_messages .title img { vertical-align:middle;}
#smsMessage .layer_messages .title .total { margin-left:10px;}
#smsMessage .layer_messages .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .layer_messages .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
#smsMessage .layer_messages .title_info .name { margin-left:10px;}
#smsMessage .layer_messages .title_info .h_number { margin-left:55px;}
#smsMessage .layer_messages .bodyArea { height:170px; background:#fff; border:1px solid #ddd; overflow:hidden; overflow:auto; }
#smsMessage .layer_messages .bodyArea ul#message_list { overflow:auto; height:100%; margin:0; padding:2px; } 
#smsMessage .layer_messages .bodyArea ul#message_list li { list-style-type:none; margin:0; padding:0; line-height:16px; }
#smsMessage .layer_messages .bodyArea ul#message_list li:hover { background-color:#eeeeee; cursor:pointer; }
#smsMessage .layer_messages .bodyArea ul#message_list li .content { width:172px; text-overflow:ellipsis; display:inline-block; white-space: nowrap; overflow: hidden; }
#smsMessage .layer_messages .bodyArea ul#message_list li .delete { cursor:pointer; text-indent: -1000em; padding:0; border:0 none; margin: 2px 0px 0px 20px; width: 9px; display: inline-block; background:url('../img/btn_delete.gif') no-repeat; height:9px; overflow: hidden; } 

#smsMessage .right_button { float:left; margin-left:15px; width:240px; height:196px; font:8pt dotum; color:#666;}
#smsMessage .right_button .add_info { padding:5px 10px; margin-bottom:5px;}
#smsMessage .right_button .add_area { height:19px; padding:8px 15px; margin-bottom:20px; background:url(../img/add_area_bg.gif) no-repeat;}
#smsMessage .right_button label { display:inline; margin:0 6px 0 0; padding:0; letter-spacing:-1px; vertical-align:middle;} 
#smsMessage .right_button #smsPurplebookCallback { display:inline; width:100px; height:15px; padding:2px 0 0 3px; border:1px solid #ddd; font: 12px tahoma; vertical-align:middle; color: #676767; }
#smsMessage .right_button button{ position:relative; width:23px; height:20px; vertical-align:middle; background:url('../img/btn_addlist.gif') no-repeat; border:0 none; text-indent:-1000em; *margin-left:5px; overflow:hidden; cursor:pointer;} 

#smsMessage .right_button .submit_btn { margin-bottom:5px;}
#smsMessage .right_button .submit_btn a.btn_forward { margin-left:5px;}
#smsMessage .right_button .submit_btn a.btn_booking { margin-left:5px;}
#smsMessage .right_button .add_window { padding:5px 10px;}

/* layer popup (sendid) */
#smsMessage .layer_sendid { position:absolute; top:-190px; display:none; width:226px; height:180px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8; }
#smsMessage .layer_sendid .title { position:relative;}
#smsMessage .layer_sendid .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .layer_sendid .title img { vertical-align:middle;}
#smsMessage .layer_sendid .title .total { margin-left:10px;}
#smsMessage .layer_sendid .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .layer_sendid .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
#smsMessage .layer_sendid .title_info .default { margin-left:10px;}
#smsMessage .layer_sendid .title_info .h_number { margin-left:22px;}
#smsMessage .layer_sendid .title_info .delete { margin-left:86px;}
#smsMessage .layer_sendid .bodyArea { height:120px; background:#fff; border:1px solid #ddd;}
#smsMessage .layer_sendid ul#smsPurplebookCallbackList { overflow:auto; height:100%; margin:0; padding:0; } 
#smsMessage .layer_sendid ul#smsPurplebookCallbackList li { list-style-type:none; margin:0; padding:0; height: 21px; font-size: 12px; color:#676767; }
#smsMessage .layer_sendid ul#smsPurplebookCallbackList li span.default { cursor:pointer; padding:0; border:0 none; margin: 2px 0px 0px 26px; width: 9px; display: inline-block; background:url('../img/ico_check_off.gif') no-repeat; width:16px; height:16px; overflow: hidden; } 
#smsMessage .layer_sendid ul#smsPurplebookCallbackList li span.default.on { background:url('../img/ico_check_on.gif') no-repeat; } 
#smsMessage .layer_sendid ul#smsPurplebookCallbackList li span.phonenum { margin: -1px 0px 0px 30px; width:96px; text-overflow: ellipsis; display:inline-block; font-family: tahoma; white-space: nowrap; overflow: hidden; font-weight: normal; cursor:pointer; }
#smsMessage .layer_sendid ul#smsPurplebookCallbackList li span.deleteCallback { cursor:pointer; text-indent:-1000em; padding:0; border:0 none; margin: 2px 0px 0px 20px; width: 9px; display: inline-block; background:url('../img/btn_delete.gif') no-repeat; height:9px; overflow: hidden; } 
#smsMessage .layer_sendid .bottomArea { padding-top:5px; }
#smsMessage .layer_sendid .bottomArea #smsPurplebookInputCallback { display:inline; width:100px; height:15px; padding:2px 0 0 3px; border:1px solid #ddd; font: 12px tahoma; vertical-align:middle; color: #676767; }
#smsMessage .layer_sendid .bottomArea button{ position:relative; width:44px; height:20px; vertical-align:middle; background:url('../img/btn_append.gif') no-repeat; border:0 none; text-indent:-1000em; *margin-left:5px; overflow:hidden; cursor:pointer;} 

/* layer popup (reserv) */
#smsMessage .layer_reserv { position:absolute; top:70px; display:none; width:200px; height:80px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8;}
#smsMessage .layer_reserv .title { position:relative; margin-bottom:3px;}
#smsMessage .layer_reserv .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .layer_reserv .title img { vertical-align:middle;}
#smsMessage .layer_reserv .title .total { margin-left:10px;}
#smsMessage .layer_reserv .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .layer_reserv .title_info { display:block; padding:5px 0 3px 17px; margin:0; line-height:1.6; border:1px solid #ddd; border-bottom:none;}
#smsMessage .layer_reserv .title_info .default { margin-left:10px;}
#smsMessage .layer_reserv .title_info .h_number { margin-left:22px;}
#smsMessage .layer_reserv .title_info .delete { margin-left:86px;}
#smsMessage .layer_reserv .bodyArea { height:60px; background:#fff; border:1px solid #ddd;}
#smsMessage .layer_reserv .bodyArea .datepickup { float:left; }
#smsMessage .layer_reserv .bodyArea .reservtime { float:left; margin:10px 0 0 10px; display:inline; }
#smsMessage .layer_reserv .bodyArea .reservtime #inputReservationDate { width:110px; margin-bottom:3px;}
#smsMessage .layer_reserv .bodyArea .reservtime select { font:8pt dotum; }
#smsMessage .layer_reserv .bodyArea .buts { float:right; margin:10px 10px 0 0; }

/* layer popup (sending status) */
#smsMessage .layer_status { position:absolute; top:-190px; display:none; width:226px; height:180px; padding:15px; border:2px solid #c7d0e6; background:#f8f8f8; }
#smsMessage .layer_status .title { position:relative;}
#smsMessage .layer_status .title p{ display:inline; margin:0; vertical-align:middle;}
#smsMessage .layer_status .title img { vertical-align:middle;}
#smsMessage .layer_status .title .total { margin-left:10px;}
#smsMessage .layer_status .title .btn_closex { position:absolute; top:-2px; right:0; _right:15px;}
#smsMessage .layer_status .bodyArea { height:120px; background:#fff; border:1px solid #ddd; padding:6px; }
#smsMessage .layer_status .bottomArea { padding-top:5px; }
